<template>
  <div class="box">
      <div class="left">
          <slot name="title">
              <p>我是title</p>
          </slot>
          <slot name="label">
              <p>我是label</p>
          </slot>
      </div>
      <div class="right">
         <slot name="right">
              <p>我是right</p>
          </slot>
      </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>

.box{
    height: 80px;
    border: 1px solid #888;
    margin-top: 10px;
}

.box .left{
    float: left;
    width: 80%;
    height: 100%;
}

.box .right{
    float: left;
    width: 20%;
    height: 100%;
}
</style>